<div class="section gf-form-group">
		<h5 class="section-heading">Color Options</h5>
		<div class="gf-form">
			<label class="gf-form-label width-12">Background Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.backgroundColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-12">Item Normal Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.itemNormalColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-12">Item Border Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.itemBorderColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-12">Item Emphasis Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.itemEmphasisColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-12">Label Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.labelColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-12">Label Emphasis Color</label>
				<spectrum-picker class="gf-form-input" ng-model="ctrl.panel.labelEmphasisColor" ng-change="ctrl.render()" ></spectrum-picker>
		</div>
</div>

<div class="section gf-form-group">
		<h5 class="section-heading">Threshold Options</h5>
		<div class="gf-form">
			<label class="gf-form-label width-10">Thresholds</label>
			<input type="text" class="input-small gf-form-input width-10" ng-model="ctrl.panel.thresholds" ng-change="ctrl.changeThresholds()" placeholder="0,10" ng-model-onblur />
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-10">Unit</label>
			<input type="text" class="input-small gf-form-input width-10" ng-model="ctrl.panel.unit" ng-change="ctrl.changeThresholds()" placeholder="ms" ng-model-onblur />
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-10">Colors</label>
				<spectrum-picker class="gf-form-input width-3" ng-repeat="color in ctrl.panel.dataColors track by $index" ng-model="ctrl.panel.dataColors[$index]" ng-change="ctrl.changeThresholds()" ></spectrum-picker>
		</div>
		<div class="gf-form">
			<label class="gf-form-label width-10">Legend Text Color</label>
				<spectrum-picker class="gf-form-input width-3" ng-model="ctrl.panel.thresholdTextColor" ng-change="ctrl.changeThresholds()" ></spectrum-picker>
		</div>
			
</div>
